<div class="layout-content">
<h1>Pomoc</h1>
</div>
<div class="layout-content">    
    <h2><img src="/local/toggle_expand.png"/ class="toggle" id="1" toggle="expanded"> Edycja podstron</h2>    
    <div class="toggle-collapsed" id="1">
    <div class="px300">             
        <h3>Edycja podstrony</h3>
        <p>
            W zakładce edycji podstron znajduje się tabela zawierająca wszystkie podstrony, które są umieszczone w badzie danych. Jedynym wyjątkiem jest strona główna serwisu (intro) – jest ona generowana automatycznie na podstawie danych o realizacjach i projektach.  W celu wyedytowania wybranej podstrony należy kliknąć w przycisk „edytuj”, który podświetli się podczas wskazania go kursorem. Następnie system sam przekieruje użytkownika do odpowiedniego formularza umożliwiającego zmianę treści oraz jej konfiguracji. 
        </p>
    </div>
    <div class="px300">             
        <h3>Konfiguracja tła i efektu przejścia</h3>
        <p>
            System umożliwia edycję tła wybranej podstrony oraz sposobu animacji wejścia. Do dyspozycji użytkownika zostały oddane animacje:</p>
 <ol>
 <li> wejścia od lewej </li>
 <li> wejścia od prawej </li>
 <li> wejścia od góry </li>
 <li> wejścia od dołu </li>
 <li> wcieranie </li>
</ol><p>
Czas trwania animacji został tak ustawiony aby nie denerwowała ona nikogo oraz jednocześnie spełniała swoją funkcję.<br/>
Tło podstrony można zmienić przez pole wyboru. Na liście są widoczne pliki pochodzące z katalogu: <b>/public/img/backgrounds/</b>
        </p>
    </div>
    <div class="px300">             
        <h3>Objaśnienia pól</h3>
        <p>
            <ol>
	<li><b>Alias</b> - jest to odnośnik, który identyfikuje nazwę podstrony w formie bardziej przyjaznej dla człowieka.
	<li><b>Tytuł</b> - tytuł załadowanej podstrony, wyświetlany na pasku przeglądarki
	<li><b>Podstrona specjalna</b> - Pole używane przez system
	<li><b>Efekt przejścia</b> - identyfikator określający animację wejścia dla wskazanej podstrony
	<li><b>Tło podstrony</b> - tło wyświetlane za tekstem
	<li><b>Widok jest absolutny</b> - wartość używana przez system
	<li><b>Użyj widoku</b> - wskazanie na plik szablonu znajdujący się w katalogu aktualnie załadowanego kontrolera
	<li><b>Treść strony</b>
</ol>
        </p>
    </div>
    
    <div class="px300"> 
        <h3>Intro</h3>
        <p>
            Zarządzanie tzw. "intrem" odbywa się poprzez dodanie zdjęć w formacie <b>jpg</b> do katalogu <b>/public/img/intro/</b>. Opcaj dodawania zdjęć poprzez panel nie została uwzględnio - zdjęcia te, zwykle są ustalone i nie wymagają ponownej aktualizacji.
            Rotator działa w sposób losowy.
        </p>
    </div>
    <div style="width: 600px; float: left">          
        <h3>Dlaczego kilka opcji jest zablokowanych ?</h3>
        <p>
            Do panelu administracyjnego dodano dodatkowego użytkownika, który umożliwia dodawanie oraz usuwanie podstron lecz operacje na tym koncie nie są wskazane. Osoba nie posiadająca wiedzy o sposobie funkcjonowania systemu może spowodować jego uszkodzenie, które zaowocuje błędem w wyświetlaniu treści użytkowniką docelowym.
        </p>
    </div>
    
    <div style="clear: both"></div>
    </div>
    {*
    <h2><img src="/local/toggle_expand.png"/ class="toggle" id="2" toggle="expanded"> Realizacje i projekty</h2>
    <div class="toggle-collapsed" id="2">
        <div class="px300">
            <h3>Dodawanie i usuwanie</h3>
        </div>
        <div class="px300">
            <h3>Edycja</h3>
        </div>
        <div style="clear: both"></div>
    </div>
    *}
    <h2><img src="/local/toggle_expand.png"/ class="toggle" id="3" toggle="expanded"> Ustawienia konta administratora</h2>
    <div class="toggle-collapsed" id="3">
        <div> 
            <h3>Zmiana hasła i loginu</h3>
            <p>
                Zmiana danych administratora jest możliwa w oknie otwieranym poprzez odnośnik <i>"ustawienia"</i>. Znajduje się on w górnej części nagłówka zaraz za informacją
                o dacie ostatniego logowania.
            </p>
        </div>
    </div>
</div>